(function () {
  $(".shopping_top").load(
    "http://localhost:81/html/public.html .top_wrap",
    function () {
      if ($.cookie("loadsuccess")) {
        $(".top_right")
          .find("li")
          .first()
          .html("欢迎您" + $.cookie("loadsuccess") + "  <em>注销</em>");
        $(".top_right").find("em").css({
          cursor: "pointer",
          color: "red",
        });
        $(".top_right")
          .find("em")
          .on("click", function () {
            $.cookie("loadsuccess", null);
            window.location.reload();
          });
      }
    }
  );
  // $(".shopping_header").load("http://localhost:81/html/public.html .logo_wrap");
  // $(".shopping_nav").load(
  //   "http://localhost:81/html/public.html .nav_wrap",
  //   function () {
  //     (function () {
  //       $(".nav_menu").css({
  //         display: "none",
  //       });

  //       $(".nav_first_title").hover(
  //         function () {
  //           $(".nav_menu").css({
  //             display: "block",
  //           });
  //         },
  //         function () {
  //           $(".nav_menu").css({
  //             display: "none",
  //           });
  //         }
  //       );

  //       $(".nav_li").hover(
  //         function () {
  //           $(this)
  //             .css({
  //               background: "black",
  //             })
  //             .find(".menu")
  //             .css({
  //               display: "block",
  //             });
  //         },
  //         function () {
  //           $(this)
  //             .css({
  //               background: "",
  //             })
  //             .find(".menu")
  //             .css({
  //               display: "none",
  //             });
  //         }
  //       );
  //     })();
  //     (function () {
  //       $(".nav ul")
  //         .children("li")
  //         .not($(".nav_first_title"))
  //         .hover(
  //           function () {
  //             $(this)
  //               .css({
  //                 background: "#f03a58",
  //                 color: "#fff",
  //               })
  //               .children("a")
  //               .css({
  //                 color: "#fff",
  //               });
  //           },
  //           function () {
  //             $(this)
  //               .css({
  //                 background: "#fff",
  //                 color: "#000",
  //               })
  //               .children("a")
  //               .css({
  //                 color: "#000",
  //               });
  //           }
  //         );
  //     })();
  //   }
  // );
  // $(".shopping_footer").load(
  //   "http://localhost:81/html/public.html .footer_wrap"
  // );
  // $(".shopping__bottom").load(
  //   "http://localhost:81/html/public.html .bottom_wrap"
  // );
  
  //模块化
  require(["../js/rendermodules.js"],function(res){
    res("shopping")
  })
})();

(function () {
  var objId = {};
  window.onload = function () {
    let str = window.location.search;
    objId.time = str.slice(1).split("=")[1];
    $.ajax({
      url: "http://localhost:81/data/goods.json",
      success: (res) => {
        var goodsObj = JSON.parse(res).arr[objId.time];
        render(goodsObj);
      },
    });
  };

  function render(data) {
    var str = window.location.search;
    str = str.slice(1).split("=")[1]
    var str1 = "";
    //商品的渲染
    var goodsMsg = data.inner.msg;
    for (let i = 0; i < goodsMsg.length; i++) {
      str1 += `<tr class="goods">
      <td class="msg">
        <div class="goods_item">
          <a href="##">
            <img src="http://localhost:81/images/fff.png" data_src="${goodsMsg[i].goodsmsg}" alt="" />
          </a>
          <div class="info">
            <p class="title">
              <a href="##">${goodsMsg[i].goods}</a>
            </p>
            <p>品牌:${goodsMsg[i].logo}</p>
            <p>型号:XXX</p>
            <p>订货号:XXXX</p>
          </div>
        </div>
      </td>

      <td class="price">
        <p>
          <strong>${goodsMsg[i].price2}/套</strong>
        </p>
      </td>
      <td class="date">
          <p>货期： 工作日当天发货</p>
      </td>
      
      <td><a href="##" class="look" data_id="${goodsMsg[i].Id}"
      data_time="${str}"> 查看详情 </a></td>
    </tr>`
    }

    $(".shopping_main").find("tbody").html(str1);

    $(".look")
      .on("click", function () {
        let url = "http://localhost:81/api";
        $.ajax({
          type: "get",
          url: url,
          data: {
            type: "goods",
            id: this.getAttribute("data_id"),
            time: this.getAttribute("data_time"),
          },
          success: (res) => {
            window.location.href = `http://localhost:81/html/goods.html?id=${
              JSON.parse(res).id
            }&time=${JSON.parse(res).time}`;
          },
        });
      });

    //懒加载
    var aimg = document.querySelectorAll(".goods");
    var arr = Array.from(aimg);
    var clientH = document.documentElement.clientHeight;
    function fn() {
      var scrollT = document.documentElement.scrollTop;
      for (var i = 0; i < arr.length; i++) {
        if (scrollT + clientH > arr[i].offsetTop - 100) {
          let oimg=arr[i].children[0].children[0].children[0].children[0];
         oimg.src = oimg.getAttribute("data_src");
          arr.splice(i, 1);
          i--;
        }
      }
    }
    fn();
    var j = 0;
    onscroll = function () {
      j++;
      if (j % 10 == 0) {
        fn();
      }
    };
  }
})();